<html>
<head>
	<script type="text/javascript">
		var aJaxURL	= "server-side/report/balance.action.php";		//server side folder url
		var tName	= "report";												//table name
		
		$(document).ready(function () {        	
			LoadTable(0);
			GetDate("search_date");
		});
        
		function LoadTable(start){
			var total = [6];
			/* Table ID, aJaxURL, Action, Colum Number, Custom Request, Hidden Colum, Menu Array */
			GetDataTable(tName, aJaxURL, "get_list", 7, "start=" + start, 0, "", 1, "desc", total);
			$("#search_barcode").css("width", "90%");
			$("#search_self_quantity").css("width", "90%");
			$("#search_ert").css("width", "90%");
			$("#search_self_cost").css("width", "90%");	
			$("#search_sum_self_cost").css("width", "90%");
		}
		
	    $(document).on("change", "#search_date", function () {
	    	var start	= $(this).val();
	    	LoadTable(start);
	    });
    </script>
</head>

<body>    
    <div id="dt_example" class="ex_highlight_row">
        <div id="container">
            <div id="dynamic">
            	<h2 align="center">ნაშთები</h2>
            	<div id="button_area">
	            	<div class="left" style="width: 280px;">
	            		<label for="search_date" class="left">აირჩიეთ თარიღი</label>	
	            		<input type="text" name="search_start" id="search_date" class="inpt right" style="padding: 1px 0 !important;"/>	            		            		
	            	</div>
            	</div>
                <table class="display" id="report">
                    <thead>
                        <tr id="datatable_header">
                            <th>ID</th>
                            <th style="width: 130px;">შტრიხკოდი</th>                                                                           
                            <th style="width: 100%;">დასახელება</th>
                            <th style="width: 80px; font-size: 8pt !important;"><pre>ზომის
ერთ.</pre></th>
                            <th style="width: 70px; font-size: 8pt !important;">რ–ბა</th>
                            <th style="width: 90px; font-size: 8pt !important;">თვითღ.</th>   
                            <th style="width: 90px; font-size: 8pt !important;"><pre>ჯამური
თვითღ.</pre></th>                          
                            
                        </tr>
                    </thead>
                    <thead>
                        <tr class="search_header">
                            <th class="colum_hidden">
                            	<input type="text" name="search_id" value="ფილტრი" class="search_init" />
                            </th>
                            <th>
                                <input type="text" id="search_barcode" name="search_barcode" value="ფილტრი" class="search_init" />
                            </th>
                            <th>
                                <input type="text" id="search_name" name="search_name" value="ფილტრი" class="search_init" />
                            </th>
                            <th>
                                <input type="text" id="search_ert" name="search_ert" value="ფილტრი" class="search_init" />
                            </th>
                            <th>
                                <input type="text" id="search_self_quantity" name="search_self_quantity" value="ფილტრი" class="search_init" />
                            </th>                            
                            <th>
                                <input type="text" id="search_self_cost" name="search_self_cost" value="ფილტრი" class="search_init" />
                            </th>
                            <th>
                                <input type="text" id="search_sum_self_cost" name="search_sum_self_cost" value="ფილტრი" class="search_init" />
                            </th>                            
                        </tr>
                    </thead>                    
                    <tfoot>
                        <tr>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>                            
                            <th style="padding: 0px 0px 0px 0px;"><p align="right">ჯამი:<br/>სულ ჯამი:</th> 
                            <th style="padding: 0px 0px 0px 0px;">&nbsp;</th>                                                       
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="spacer">
            </div>
        </div>
    </div>
</body>
</html>